<?php include __DIR__."/../includes/var_globals.php" ?>
<?php include DIR_ROOT."controller/gestionar_productos.controller.php" ?>

<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Gestionar Productos</title>
		<?php include DIR_ROOT."includes/head.php" ?>
	</head>
	<body class="skin-blue fixed">
		
		<header class="header">
			<?php include DIR_ROOT."includes/header.php" ?>
		</header>
		
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Lado izquierdo de la página. Menú Lateral -->
			<aside class="left-side sidebar-offcanvas">
                <?php include DIR_ROOT.'includes/menu.php';?>
            </aside>
            
            <!-- Lado derecho y contenido de la página. -->
            <aside class="right-side">
            	<!-- Encabezado del Contenido -->
                <section class="content-header">
                    <h1>
                        Productos
                        <small>Gestión</small>
                    </h1>
                </section>
                <!-- Contenido Principal -->
                <section class="content">
                	<table id="gestionar-productos" class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>Nombre del Producto</th>
                                <th>Tipo de Producto</th>
                                <th>Editar</th>
                                <th>Eliminar</th>
                            </tr>
                        </thead>
                        <tbody>
                        <?php foreach ($productos as $producto) { ?>
                            <tr>
                                <td><?php echo $productos->nombre_producto ?></td>
                                <td><?php echo $productos->nombre_tipo_producto ?></td>
                                <td><i style="margin-top: -4px; padding: 4px;" class="btn fa fa-pencil text-yellow"></i></td>
                                <td><i style="margin-top: -4px; padding: 4px;" class="btn fa fa-trash-o text-red"></i></td>
                            </tr>
                       <?php } ?>
                       		<tr>
                       			<td colspan="4">
									<button class="btn bg-olive" style="width: 100%" onclick="" data-target="#agregar-producto-modal" data-toggle="modal">Agregar Producto</button>
								</td>
                       		</tr>                                         
                        </tbody>
                        <tfoot>
                           <!--Agregar Contenido al Pie de pagina-->
                        </tfoot>
                    </table>
                </section>
            </aside>
            
		</div>
	</body>
</html>